<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品规格列表</title> 
<%@ include file="/page/include.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/styles/jqx.base.css" />
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/styles/jqx.office.css" />
<link href="<%=basePath%>/statics/css/webform.css?v=20180104" rel="stylesheet" />
<script src="<%=basePath%>/statics/js/webform.js" type="text/javascript"></script>
        <script type="text/javascript">
var SystemImgPath = '<%=PublicConfig.IMG_ROOT_URL%>';
</script>
</head>
<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <div class="framebody" role="main" style="background-color: #fff; padding-bottom: 20px;">
                <ul id="myTab" class="nav nav-tabs">
                    <li ${tabIndex=='1'?'class="active"':''}><a href="#product_tag_config" data-toggle="tab">商品标签配置</a></li>
                    <li ${tabIndex=='2'?'class="active"':''}><a href="#promotion_tag_config" data-toggle="tab">活动标签配置</a></li>
                    <li ${tabIndex=='3'?'class="active"':''}><a href="#product_unit_config" data-toggle="tab">计量单位配置</a></li>
                    <li ${tabIndex=='4'?'class="active"':''}><a href="#product_brand_config" data-toggle="tab">商品品牌配置</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <!-- 商品标签 begin -->
                    <div class="tab-pane fade ${tabIndex=='1'?'in active':''}" id="product_tag_config">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>
                                            <i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
                                        </h2>
                                        <div class="clearfix"></div>
                                    </div>

                                    <div class="x_content">
                                        <form id="position-form" class="form-horizontal form-label-left">

                                            <div class="form-group">
                                                <label class="control-label col-md-1" for="tagName">模版名称 : </label>
                                                <div class="col-md-2">
                                                    <input type="text" id="tagName" name="tagName" class="form-control col-md-12"/>
													<!-- 防止bootstrap的form表单回车刷新 -->
													<input type="text" style="display:none"/>
                                                </div>
                                                <div class="col-md-9" align="right">
                                                    <a class="btn btn-danger" id="btnProductTagClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> <a
                                                        class="btn btn-primary search" id="btnProductTagQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="x_panel">
                                    <div class="x_content">
                                        <div class="row" style="padding-bottom: 10px;">
                                            <a class="btn btn-success btn-sm" id="btnProductTagAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
                                        </div>
                                        <div class="row">
                                            <table id="productTagTable" class="table"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 商品标签 end -->

                    <!-- 活动标签 begin -->
                    <div class="tab-pane fade ${tabIndex=='2'?'in active':''}" id="promotion_tag_config">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>
                                            <i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
                                        </h2>
                                        <div class="clearfix"></div>
                                    </div>

                                    <div class="x_content">
                                        <form id="position-form" class="form-horizontal form-label-left">

                                            <div class="form-group">
                                                <label class="control-label col-md-1" for="tagName">模版名称 : </label>
                                                <div class="col-md-2">
                                                    <input type="text" id="promotionTagName" name="promotionTagName" class="form-control col-md-12"/>
													<!-- 防止bootstrap的form表单回车刷新 -->
													<input type="text" style="display:none"/>
                                                </div>
                                                <div class="col-md-9" align="right">
                                                    <a class="btn btn-danger" id="btnPromotionTagClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> <a
                                                        class="btn btn-primary search" id="btnPromotionTagQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <div class="x_panel">
                                    <div class="x_content">
                                        <div class="row" style="padding-bottom: 10px;">
                                            <a class="btn btn-success btn-sm" id="btnPromotionTagAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
                                        </div>
                                        <div class="row">
                                            <table id="promotionTagTable" class="table"></table>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- 活动标签 end -->
                    
                    <!-- 计量单位 begin -->
                    <div class="tab-pane fade ${tabIndex=='3'?'in active':''}" id="product_unit_config">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_content">
                                        <div class="row" style="padding-bottom: 10px;">
                                            <a class="btn btn-success btn-sm" id="btnProductUnitAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
                                        </div>
                                        <div class="row">
                                            <table id="productUnitTable" class="table"></table>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- 计量单位 end -->
                    
                    <!-- 商品品牌 begin -->
                    <div class="tab-pane fade ${tabIndex=='4'?'in active':''}" id="product_brand_config">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                        <h2>
                                            <i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
                                        </h2>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content">
                                        <form id="position-form" class="form-horizontal form-label-left">
                                            <div class="form-group">
                                                <label class="control-label col-md-1" for="brandName">品牌名称 : </label>
                                                <div class="col-md-2">
                                                    <input type="text" id="brandName" name="brandName" class="form-control col-md-12"/>
													<!-- 防止bootstrap的form表单回车刷新 -->
													<input type="text" style="display:none"/>
                                                </div>
                                                <div class="col-md-9" align="right">
                                                    <a class="btn btn-danger" id="btnBrandClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> <a
                                                        class="btn btn-primary search" id="btnBrandQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="x_panel">
                                    <div class="x_content">
                                        <div class="row" style="padding-bottom: 10px;">
                                            <a class="btn btn-success btn-sm" id="btnBrandAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
                                        </div>
                                        <div class="row">
                                            <div id="treeGrid" ></div>
                                        </div>
                                        <div class="row">
                                            <table id="productBrandTable" class="table"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 商品品牌 end -->
                </div>
            </div>
        </div>
    </div>
    <input id="opt_status" value="0" type="hidden" />
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxdatatable.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxtreegrid.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="${rootPath}/js/product/productTag_list.js?v=20180423"></script>
</body>
</html>